<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
<div class="col-lg-12" style="height: 150px;"></div>
<div class="col-lg-4">
    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    <span class="glyphicon glyphicon-fire" aria-hidden="true" style="color: red"></span>
    <br>
    <button class="btn btn-danger">
        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
        删除
    </button>
</div>
<div class="col-lg-4">
    <div class="col-lg-1"></div>
    <div class="col-lg-10">
        <form>
            <div class="col-lg-4">
                <label style="text-align: right">用户名:</label>
            </div>
            <div class="col-lg-8">
                <input class="form-control">
            </div>
            <input type="file">
            <br>
            <input type="radio" class="form-control">
            <textarea class="form-control"></textarea>
            <input class="form-control focus" disabled>
            <input class="form-control focus" readonly>
            <input type="button" class="btn btn-default" value="default">
            <br><br>
            <input type="button" class="btn btn-primary" value="primary">
            <br><br>
            <input type="button" class="btn btn-info" value="info">
            <br><br>
            <input type="button" class="btn btn-warning" value="warning">
            <br><br>
            <input type="button" class="btn btn-danger" value="danger">
            <br><br>
            <input type="button" class="btn btn-success" value="success">
            <br><br>
        </form>
    </div>
    <div class="col-lg-1"></div>
</div>
<div class="col-lg-4">
    <input type="button" class="btn btn-primary btn-xs" value="xs">
    <input type="button" class="btn btn-primary btn-sm" value="sm">
    <input type="button" class="btn btn-primary" value="midle">
    <input type="button" class="btn btn-primary btn-lg" value="lg">
    <br>
    <a class="btn btn-success">这是一个a标签</a>

    <br>
    <button class="btn btn-danger btn-block ">button</button>
    <button class="btn btn-danger btn-block active">active</button>
    <button class="btn btn-danger btn-block disabled">disabled</button>
    <br>
    <img class="img-rounded" src="1.jpg" style="width: 60%;">
    <img class="img-circle" src="1.jpg" style="width: 60%;">
    <img class="img-responsive" src="1.jpg" style="width: 60%;">
    <img class="img-thumbnail" src="1.jpg" style="width: 60%;">
</div>
</body>
</html>